 <%@ page language="java" contentType="text/html;charset=GBK"%>
 <%@ page import="java.lang.*"%>
 <%@ page import="java.sql.*"%>

   <html>
  <head>
   <style >
   
   
   body
   {
           font-size:100%;
          font-family:verdana,helvetica,arial,sans-serif;
  }
  li{
          list-style:none;
  }
  #title{
          float:right;
  }
  
  </style>
  
          </head>
          <center>
          <h2>Show Topology</h2>
	  </center>
	<body style="margin:0px;">
	
<%
	request.setCharacterEncoding("utf-8");
	String pathdata="0,1,2,3,4,5,6,7,8,9&0,10,20,30,40,50,60,70&0,11,22,33,43,53,54,55,55,56&0,11,12,13,14,15,25,36,37,38,39&0,11,21,22,32,42,52,62,72&0,10,20,31,42,52,63,64,65,66,67&8,19&6,16,17,18&40,41,51,61&70,71&66,77,78,79&72,73,74,75,76&16,27,38,49,59,69&12,23,34,45,56&45,46,57,68,69&29,28,27,26&34,35&38,48,58&15,27,28,29&35,47&12,24&32,44&26,15";
	request.setAttribute("pathdata",pathdata);
%>


          <script src="js/test3.js" language="javascript"></script>
	  <center>
                  <canvas id="coordiv" width="440" height="470" style="border:0px solid #c3c3c3;" > Not support!!
                  </canvas>
		  <center>
<input type="hidden" name="inputpathdata" id="inputpathdata" value="${pathdata}">

<script>
show();
var linedata =new Array();

var pathdata=document.getElementById("inputpathdata").value;
var patharray=new Array();
    patharray=pathdata.split("&");
for(var i=0;i<patharray.length;i++){
	var patharraysplite = new Array();
	patharraysplite= patharray[i].split(",");
	linedata[i] = new Array();
	for(var j=0;j<patharraysplite.length;j++){
	 linedata[i][j]=parseInt(patharraysplite[j]);
}

}
for(var k=0;k<patharray.length;k++){
  for(var m=0;m<linedata[k].length;m++){
	var tmp1 = linedata[k][m];
	var tmp2 = linedata[k][m+1];
	if(m!=(linedata[k].length-1)){
	line(tmp1,tmp2,k);		
	}
	circle(tmp1,k);
  }
}
</script>

</body>
</html>
